
:root {
  --medium-size: 36px;
  --small-size: 32px;
  --mini-size: 28px;
}
/**
 * 滚动条样式
**/
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: hsla(220, 4%, 58%, .3);
}
/*
 按钮
*/
.mini-button{
  border-radius: 4px;
  padding: 0 0.5em !important;
}
#searchTable .mini-button{
  min-width: 80px !important;
}
.mini-button .mini-button-text{
  padding-top: 0;
  padding-bottom: 0;
}
.mini-button .mini-button-text, .mini-button.btn-small .mini-button-text {
  height: var(--small-size);
  line-height: var(--small-size);
}
.mini-button.btn-mini .mini-button-text {
  height: var(--mini-size);
  line-height: var(--mini-size);
}
.mini-button.btn-primary{
  background: var(--color-brand-primary);
  color: #fff;
}
.mini-button.btn-success{
  background: var(--color-success);
  color: #fff;
}
.mini-button.btn-warning{
  background: var(--color-warning);
  color: #fff;
}
.mini-button.btn-danger{
  background: var(--color-danger);
  color: #fff;
}
.mini-button.btn-primary:hover{
  background: var(--color-brand-secondary) !important;
}
.mini-button.btn-success:hover{
  background: var(--color-success) !important;
}
.mini-button.btn-warning{
  background: var(--color-warning) !important;
}
.mini-button.btn-danger{
  background: var(--color-danger) !important;
}

/*
 form
*/
.mini-textbox,
.mini-combobox,
.mini-spinner{
  min-height: var(--small-size);
  width: 100%;
}
.mini-textarea{
  height: auto !important;
}
.mini-textbox .mini-textbox-border,
.mini-combobox .mini-buttonedit-border,
.mini-spinner .mini-buttonedit-border{
  border-radius: 4px;
}
.mini-textbox.box-small .mini-textbox-border,
.mini-combobox.box-small .mini-buttonedit-border,
.mini-spinner.box-small .mini-buttonedit-border
{
  height: var(--small-size);
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
.mini-textbox.box-small .mini-textbox-input,
.mini-combobox.box-small .mini-buttonedit-input,
.mini-spinner.box-small .mini-buttonedit-input
{
  height: calc(var(--small-size) - 2px);
  line-height: calc(var(--small-size) - 2px);
  padding: 0 8px;
  width: 100%;
}
.mini-textarea .mini-textbox-input {
  height: auto;
  min-height: 100px;
}
.mini-combobox.box-small .mini-buttonedit-button,
.mini-combobox .mini-buttonedit-icon{
  height: 26px;
  background-position: center center;
}
/*
 tree
*/
.mini-tree .mini-tree-icon{
  display: none;
}

